Template Documentation Template

### “ Me” Documentation by “webduck”

# “Me”

Created:31/08/2016
By: Webduck
Email: webduck.design@gmail.com

First of all, thank you for purchasing my psd template! If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

## Table of Contents

1. Content of the Download Pack
2. PSD Folder Structure
3. Basic Guidelines for Editing in PSD Template
4. Sources and Credits

### A) Content of the Download Pack - top

You should find 20 of the following psd file in the download pack:

1. 01_homepage1.psd
2. 02_homepage2.psd
3. 03_Portfolio_Detail_01.psd
4. 04_Portfolio_Detail_02.psd
5. 05_Portfolio_Detail_03.psd
6. 06_BlogList_01.psd
7. 07_BlogList_02.psd
8. 08_BlogList_03.psd
9. 09_BlogDetail.psd
10. 10_MP_homepage3a.psd
11. 11_MP_homepage3b.psd
12. 12_MP_homepage3c.psd
13. 13_MP_homepage3d.psd
14. 14_MP_About.psd
15. 15_MP_Services 1.psd
16. 16_MP_Services 2.psd
17. 17_MP_Services 3.psd
18. 18_MP_Blog.psd
19. 19_MP_BlogDetail.psd
20. 20_MP_Contact.psd

### B) PSD Folder Structure - top

All layer inside the psd files are grouped & well arranged as mentioned below image:

### C) Basic Guidelines for Editing in PSD Template - top

Here are some basic steps for editing in this psd template. First of all I recommend to installing fonts to your system font folder before editing the PSD template. Font name and download link mentioned here

Editing the text or logo:

Open Any Homepage.psd file in photoshop.
Click on the text "T" tool in "tool panel" and write your brand name by create new layer

Note:Follow the same steps for any other text editing also.

---

How to Change Color:

Step 1: First double click on particulared elements to change color

Step 2: Than choose Color Overlay from Layer Style & click on Color Blend Mode as mentioned below:

Step 3: Choose the color what you want and than click on "ok" btn. its done :)

Change color for any elements is very easy for text, icon or background shape.

Note:You can follow the same steps for any other elements like text, icon etc.

---

How to place images using smart object:

You can easily place any image or screenshot of your work in psd template using smart object tool. exvample given below :

Step1
Open your image & copy it

Step 2
Dubble click on " Image" Layer.

Step3
Paste your image here. Save Image & Close the file. Its Done :)

### D) Sources and Credits - top

I've used the following images, icons, fonts or other files as listed:

Credits:
http://graphicburger.com/
http://graphicburger.com/simple-line-icons-webfont/
http://unusualwhite.tumblr.com/archive
www.shutterstock.com
http://photodune.net/
http://behance.net

---

Icons:
http://graphicburger.com/simple-line-icons-webfont/
flaticon.com

---

Fonts:
Montserrat / Playfair Display
https://fonts.google.com/specimen/Montserrat
https://fonts.google.com/specimen/Playfair+Display

Once again, thank you so much for purchasing this psd template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the template on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Webduck

Go To Table of Contents